<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="mine">
        <div class="username dpflex">
            <div class="img">
                <img id="imgurl" class="userimg" src="../imgs/user-img.jpg" alt="">
                <span class="iconfont icon-vip"></span>
            </div>
            <span id="nickname" class="dpflex">用户名</span>
            <p class="autograph">个性签名: <span id="autograph"></span></p>

            <a href="./information.html" class="dpflex">
                <i class="iconfont icon-right"></i>
            </a>
        </div>

        <div class="dynamic dpflex">
            <div class="dynamic-left dpflex">
                <i class="iconfont icon-shezhi"></i>
                <span>个人动态</span>
            </div>
            <div class="dynamic-right dpflex">
                <span id="dynamic">10条</span>
                <i class="iconfont icon-right"></i>
            </div>
        </div>

        <div class="motionData" id="motionData">
            <div class="font">
                <span class="iconfont icon-quxiantu"></span>
                <span>运动数据</span>
                <span class="iconfont icon-right"></span>
                <div class="box dpflex">
                    <div class="left flex1">
                        <span>总运动</span>
                        <p><span id="time" class="number">99900</span>分钟</p>
                    </div>
                    <div class="right flex1">
                        <span>本周消耗</span>
                        <p><span id="calorie" class="number">99900</span>千卡</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="badge"  id="badge">
            <div class="font">
                <span class="iconfont icon-badge"></span>
                <span>我的运动徽章</span>
                <span class="iconfont icon-right"></span>
                <div class="img dpflex">
                    <img src="../imgs/mybadge01.jpg" alt="">
                    <img src="../imgs/mybadge02.jpg" alt="">
                    <img src="../imgs/mybadge03.jpg" alt="">
                </div>
            </div>
        </div>

        <div id="signOut" class="signout dpflex">
            <a class="btn flex1" href="#">退出登录</a>
        </div>
        
    </div>
</body>

</html>